﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>textarea内实现行的翻页效果</title>
</head>
<body>

<textarea id=myTxt style="overflow:hidden" width="20" height="20">
测试数据
测试数据
测试数据
测试数据
阿斗司法司法
测试数据
测试数据
测试数据
测试数据
测试数据
测试数据如肺炎
</textarea>

<button onmouseup=stop() onmousedown=up()>上翻</button>
<button onmousedown=down() onmouseup=stop()>下翻</button>

<script type="text/javascript" language="JavaScript">
    let Timer=null;
    function up() {
        myTxt.doScroll("scrollBardown") //调用滚动条，实现上翻
        Timer=setTimeout("up()",100)
    }
    function down() {
        myTxt.doScroll("scrollBarUp") //调用滚动条，实现下翻
        Timer=setTimeout("down()",100)
    }
    function stop() {
        clearTimeout(Timer)
    } //清空定时器
</script>

</body>
</html>